<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var xhr  =new XMLHttpRequest//创建一个ajax对象
        console.log(xhr.readyState)



        xhr.open("get","./data/1.text",true)//和服务器建立连接
        console.log(xhr.readyState)



        xhr.send()//想服务器发送请求
        console.log(xhr.readyState)//异步处理


        
        xhr.onreadystatechange=function(){//绑定对象状态监听事件
            console.log(xhr.readyState)
            //2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。
            // 3：请求在处理中；通常响应中已有部分数据可用了，但是服务器还没有完成响应的生成。
            // 4：响应已完成；您可以获取并使用服务器的响应了。（响应结果：1继续处理 成功  重定向 失败 服务器出错 ）
            if(xhr.readyState==4&&xhr.status==200){//判断事件状态切返回的状态码返回的是成功状态
                console.log(xhr.responseText)
            }
        }   
    </script>
</body>
</html>